<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        
        <!-- Bootstrap CSS -->
        <!-- <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">-->
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">  
		<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<title>首页</title>
	</head>
	<body>
		<div class="jumbotron text-center" style="margin-bottom:0">
			<h1>广东海洋大学体育馆管理系统</h1>
		</div>
		<nav class="navbar navbar-inverse">
		  	<div class="container-fluid">
		    	<div class="navbar-header">
		      		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
		        		<span class="icon-bar"></span>
		        		<span class="icon-bar"></span>
		        		<span class="icon-bar"></span>                        
		      		</button>
		      		<a class="navbar-brand" href="#">场地管理模块</a>
		    	</div>
		    	<div class="collapse navbar-collapse" id="myNavbar">
		      		<ul class="nav navbar-nav">
		        		<li id="li-one"><a>场地管理</a></li>
		        		<li id="li-two"><a>场地预约</a></li>
		        		<li id="li-three"><a>我的预约</a></li>
		      		</ul>
		    	</div>
		  	</div>
		</nav>
		<div class="content">
	        <div id="matter1" style="display: none">
	            <!--引入外部文件，即需要在右侧加载的内容-->
	            <jsp:include page="cdgl/courtManage.jsp"/>
	        </div>
	
	        <div id="matter2" style="display: none">
	            <jsp:include page="cdgl/courtReserve.jsp"/>
	        </div>
	        	  
	        <div id="matter3" style="display: none">
	            <jsp:include page="cdgl/myReserve.jsp"/>
	        </div>
    	</div>
    	
		<!-- Optional JavaScript -->
    	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
        <!--bootstrap 核心 javaScript 文件-->
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
        <!--jQuery validate pLugin-->
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.min.js"></script>

    	<script type="text/javascript" src="${pageContext.request.contextPath}/js/cdgl/matter.js"></script>
    	<script type="text/javascript" src="${pageContext.request.contextPath}/js/cdgl/court_manage.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/cdgl/update_ajax.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/cdgl/delete_ajax.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/cdgl/query_ajax.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/cdgl/show_ajax.js"></script>
	</body>
</html>